<template>
    <div >
            <!-- 题目框 -->
            <label>{{wholeTitles.title.titNum}}::{{wholeTitles.title.content}}</label>
            
            <!-- 是否必做 -->
            <label>({{wholeTitles.title.must==1?'必做':'非必做'}})</label>

          <!-- 答题框 -->
            {{wholeTitles.choices[0].content}}<br/>
            <el-input v-model="details.detContent" @change="change" class="inputboxClass"></el-input>
        <button @click="log()" v-show="false">打印</button>
    </div>

</template>

<script>
  export default {
    props: {
        wholeTitles:{}
    },
    data () {
      return {
            mustdo:[{
                value: 1,                                   //1:必做
                label: '必做'                               //2：非比做
            },{
                value: 2,                               
                label:'非比做'
            }], 
            
            details:{
                num:11,
                detContent:''
            } 
    

      };
    },
    methods: {
      change(temp){
        this.details.num=this.wholeTitles.title.titNum;
        this.details.num=this.wholeTitles.title.titNum;
        console.log(temp);
      },
        log(){
            console.log(this.wholeTitles.title.titNum);
            console.log(this.details.detContent);
        }
    }
  };
</script>
<style  scoped>
.inputboxClass{
    width: 200px;

}


</style>
